<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>检查记录</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../script/lib/sui/sm.min.css">
    <link rel="stylesheet" href="../script/lib/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/less/common.css">
    <link rel="stylesheet" href="../css/less/jcjl.css">
</head>
<body>
<div class="page">
    <!-- 标题栏 -->
    <header class="bar bar-nav">
        <a class="icon iconfont icon-zuo pull-left" onclick="window.history.back()"></a>
        <h1 class="title">检查记录</h1>
    </header>

    <!-- 这里是页面内容区 -->
    <div class="content scrollbar">
        <div class="screen">
            <div class="searchbar row">
                <div class="search-input col-85">
                    <input type="search" id='search' placeholder='请输入被检查企业名称'/>
                </div>
                <a class="button button-fill button-primary col-15"><span
                        class="icon iconfont icon-sousuo_sousuo"></span></a>
            </div>
            <div class="screen-item screen-btns hide">
                <span>检查时间:</span>
                <a href="#" class="button button-light active">当天</a>
                <a href="#" class="button button-light">本周</a>
                <a href="#" class="button button-light">本月</a>
                <a href="#" class="button button-light">本季度</a>
                <a href="#" class="button button-light open-times">自定义</a>
                <div class="times" style="display: none">
                    <input type="date" placeholder="Birth day" class="date">
                    <span>-</span><input type="date" placeholder="Birth day" class="date">
                </div>
            </div>
            <div class="screen-end">
                <div class="op-btn">
                    <i class="icon iconfont icon-zhankai"></i><span class="text">更多</span>
                </div>
            </div>
        </div>

        <div class="list-block jcjl-list bg-white">
            <div class="btn-group">
                <a href="jcjl-add-page.html" class="button button-fill button-success dis-in-b">登记</a>
                <a href="sjsc-page.html" class="button button-fill button-success dis-in-b">同步上传</a>
            </div>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                    <div style="padding: 0 .75rem .5rem 0;text-align: right">
                        <a href="#" class="button button-success dis-in-b">生成现场检查记录</a>
                    </div>
                </li>



            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                    <div style="padding: 0 .75rem .5rem 0;text-align: right">
                        <a href="#" class="button button-success dis-in-b">生成现场检查记录</a>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="zfjl-list-page.html" class="item-link item-content">
                        <div class="item-inner">
                            2016年8月18日9:00至2016年8月18日12:00对xxx企业进行了日常检查, 发现问题45条 , 隐患26条
                        </div>
                    </a>
                </li>
            </ul>
        </div>

    </div>
</div>
<script type='text/javascript' src='../script/lib/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../script/lib/sui/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../script/lib/sui/sm-extend.min.js' charset='utf-8'></script>

<script>
    Zepto(function ($) {
        $('.hide').hide();
        $('.op-btn').click(function () {
            var text = $('.screen-end .text').html();
            if (text === '更多') {
                $('.screen>.hide').show();
                $('.screen-end .text').html('收起');
                $('.op-btn>i').removeClass("icon-zhankai").addClass("icon-shouqi");
            }
            if (text === '收起') {
                $('.screen>.hide').hide();
                $('.screen-end .text').html('更多');
                $('.op-btn>i').removeClass("icon-shouqi").addClass("icon-zhankai");
            }
        });
        $('.open-times').click(function () {
            $(".times").css('display', 'inline-block');
        })
    })
</script>
</body>
</html>